<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格操作</title>
		<link rel="stylesheet" href="../asset/css/bootstrap.min.css" type="text/css" />
		<script src="../asset/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../asset/js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../asset/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<table class="table table-hover table-dark">
		  <thead>
		    <tr>
		      <th scope="col">#</th>
		      <th scope="col">First</th>
		      <th scope="col">Last</th>
		      <th scope="col">Handle</th>
		    </tr>
		  </thead>
		  <tbody>
		    <tr>
		      <th scope="row">1</th>
		      <td>Mark</td>
		      <td>Otto</td>
		      <td>@mdo</td>
		    </tr>
		    <tr>
		      <th scope="row">2</th>
		      <td>Jacob</td>
		      <td>Thornton</td>
		      <td>@fat</td>
		    </tr>
		    <tr>
		      <th scope="row">3</th>
		      <td colspan="2">Larry the Bird</td>
		      <td>@twitter</td>
		    </tr>
		  </tbody>
		</table>
		 <select id="numSelect" class="form-control">
			<option value="">显示条数</option>
			<option value="5" >每页5条</option>
			<option value="10">每页10条</option>
			<option value="20">每页20条</option>
			<option value="50">每页50条</option>
		  </select>
		<button type="button" class="btn btn-primary _delete">提交</button>
		<script>
			/* var d = document.querySelector("._delete");
			d.onclick = function(){
				alert("nihao ");
			} */
			var numSelect = document.querySelector("#numSelect");
			console.info(numSelect);
		</script>
	</body>
</html>
